.content{font-size: 12px; width: 100%;height: 100%;min-width: 1200px; overflow: hidden;margin:0;FONT-FAMILY: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,'宋体',Verdana, Geneva, sans-serif;}
i{font-style: normal;}

/*滚动条垂直方向的宽度*/
::-webkit-scrollbar
{
	width: 5px;
}
/* 垂直滚动条的滑动块 */
::-webkit-scrollbar-thumb:vertical {
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);
	background-color:rgba(129,129,129,0.3);
}



.title{width:80%;height:auto;margin:0 10%; border-radius: 3px; padding: 5px 5px; bottom: auto;top: 0px;line-height: 20px;color: #000; white-space: nowrap;position: absolute;z-index: 10;text-size-adjust: none;}
/*.title>div{display: inline-block;}*/
.title .grid-demo i{padding: 5px;display: block;color:#c2c2c2;}
.title .grid-demo span{padding: 5px;display: block;font-size: 18px;}
.title .grid-demo p{color:#FFFFFF;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background:#FFB800;border-radius: 0 0 5px 5px;padding: 2px;text-align: center;padding: 5px;}
.title .grid-demo{text-align: center;background:#fff;border-radius: 5px;color:#0e5288;box-shadow: rgba(0, 0, 0, 0.34902) 2px 2px 3px;}
.title .layui-col-md1:nth-child(1) .grid-demo p,.title .layui-col-md1:nth-child(2) .grid-demo p,.title .layui-col-md1:nth-child(3) .grid-demo p,.title .layui-col-md1:nth-child(4) .grid-demo p{background: #5FB878;}
.title .layui-col-md1:nth-child(8) .grid-demo p,.title .layui-col-md1:nth-child(9) .grid-demo p,.title .layui-col-md1:nth-child(10) .grid-demo p,.title .layui-col-md1:nth-child(11) .grid-demo p{background: #01AAED;}



.more-icon{cursor: pointer; width: 40px;height: 40px;position: absolute;border-radius: 3px 3px 3px 3px;box-shadow: 2px 2px 2px #AAAAAA;right: 35px;top: 40px;text-align: center;line-height: 40px;font-size: 20px;background: #8ea8e0;color: #fff;}
.flex-icon{cursor: pointer;width: 20px;height: 60px;position: absolute;border-radius: 0px 3px 3px 0px;left: -1px;top: 45%;text-align: center;line-height: 60px;font-size: 22px;background: #fff;color: #000;z-index: 999;border-bottom: 1px solid #c1c1c1;border-right: 1px solid #c1c1c1;border-top: 1px solid #c1c1c1;}

.box-l{height: 100%;background: #fff;}
.layui-col-space1{margin: 0px!important;}

#move-left .staff{min-width: 280px;}
 /*#move-left .layui-tab-card{border: none;border-radius: 0px;box-shadow:none;margin: 0;}
 #move-left .layui-tab-title>li{width: 40%;min-width: 0;padding: 0 5.3%;}*/

.tab-content-box{position: absolute;top: 40px;bottom: 0;overflow-y: auto;width: 100%;padding: 10px 0!important;}

.staff-cells{background-color: #FFFFFF;line-height: 1.47058824;font-size: 14px;overflow: hidden;position: relative;}
/*.staff-cells:before {content: " ";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #e5e5e5;color: #e5e5e5;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);z-index: 2;}*/
.staff-cell{cursor: pointer; padding: 10px 10px;position: relative;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.staff-cell_hd{padding-right: 10px;}
.staff-cell_hd>span{font-size: 35px;color: #eb4949;position: relative;}
.staff-cell_hd>span>i{font-size: 14px;color: #fff;position: absolute;top: 6px;right: 13px;}
.staff-cell_hd>img{
    width:32px;
}
.staff-cell_bd{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;}
.staff-cell_bd>span{display: block;}
.staff-cell_bd>span:first-child{color:#009688;font-weight: bold;}
.staff-cell:first-child:before{border: none;}
.staff-cell:before {content: " ";position: absolute;left: 0;top: 0;right: 0;height: 1px;border-top: 1px solid #e5e5e5;color: #e5e5e5;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);left: 15px;z-index: 2;}
.staff-cell:hover{background: #F0F0F0;}
.staff-cell:hover .staff-cell_bd>span:first-child{color:#009688!important;} 
.staff-cell:hover .staff-cell_bd>span{color:#000!important;} 
.staff-cell_active{background: #01AAED;}
.staff-cell_active .staff-cell_bd>span{color: #F0F0F0;}
.staff-cell_active .staff-cell_bd>span:first-child{color: #fff;}
/*#move-left .staff>li>div{display: inline-block;font-size: 14px;}
#move-left .staff>li>div:first-child{width: 10%;}
#move-left .staff>li>div>span{display: block;}*/


/*#move-right{min-width: 1470px;}*/


.Wrap-hd{height: 30px;line-height: 30px;font-size: 16px;padding: 5px 10px;background:#2F4056;margin: 0;border-radius: 5px 5px 0 0;-moz-user-select: none;color: #fff;}
.Wrap-close{float: right;cursor: pointer; font-size: 16px;}
.divWrap-r{display: none; width: 180px;bottom: 20px;right: 35px;top: 85px;left: auto;white-space: nowrap;position: absolute;z-index: 10;text-size-adjust: none;}
.Wrap-inf{width: 100%;height: 100%;overflow-y: auto;}
.Wrap-inf-box{padding-top: 5px; width: 99%;height: auto;background: #fff;border: 1px solid #2F4056;border-top:none;border-radius:0 0 5px 5px ;}
.Wrap-inf .layui-elem-quote{padding: 5px;}
.Wrap-inf .layui-form-item{margin-bottom: 5px;}
.Wrap-inf .layui-input-block{margin: 0 10px 10px 10px;}
.Wrap-inf .layui-form-item .layui-form-checkbox{margin-bottom:5px ;}
.Wrap-inf .layui-elem-field legend{font-size: 14px;margin-left:0px ;}
.Wrap-inf .layui-elem-field legend>i,.Wrap-inf .layui-input-block label>i{color: #a94442;}
.Wrap-inf .layui-field-title{margin: 12px 0 12px;background: #fff;}
.Wrap-inf .layui-input-block label{font-size: 14px;color: #616161;}
.Wrap-inf .layui-elem-field{padding: 5px;border: none;margin:12px 0 5px;}
.Wrap-inf .layui-form-item .layui-input-inline{width: 100%;}


/*.Wrap-inf .layui-form-checkbox span{background-color:#2F4056;}*/

.layui-form-checkbox span{width: 100px;}

.flex-icon .zkuasgm-icon.close,.flex-icon2 .zkuasgm-icon.close{-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);transform: rotate(-180deg);-moz-transition: -moz-transform 0.6s;-o-transition: -o-transform 0.6s;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;}
.flex-icon .zkuasgm-icon.open,.flex-icon2 .zkuasgm-icon.open{-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);-moz-transition: -moz-transform 0.6s;-o-transition: -o-transform 0.6s;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;}
.flex-icon .zkuasgm-icon,.flex-icon2 .zkuasgm-icon{display: block;width: 100%;height: 100%;}

.wid{width: 100%!important;}

.b-map-box{position: absolute!important;top:0px;bottom: 0;}
.b-map-box .grid-demo-bg3,.b-map-box #allmap{width: 100%;height: 100%;}

.flex-icon2{cursor: pointer;width: 60px;height: 20px;position: absolute;border-radius: 0px 0px 3px 0px;left: 0px;top: -1px;text-align: center;line-height: 20px;font-size: 22px;background: #fff;color: #000;z-index: 999;border-bottom: 1px solid #c1c1c1;border-right: 1px solid #c1c1c1;}
/*#r-title{height: 40px;float:left;margin:5px 0 0 0;}*/
#r-title{height: 40px;background: #fff;border-bottom: 1px solid #c1c1c1;}
#r-bottom{position: absolute;top: 95px;bottom: 0;overflow: hidden;}


.layui-tab-card > .layui-tab-title{z-index: 9999;}
.cnt-title{position: fixed;z-index: 99;background: #f2f2f2;font-size: 14px;padding: 5px 0;width: 248px;margin-top: -30px;text-align: center;border-bottom: 1px solid #c34016;}
.cnt-title .cnt{color:#c34016;padding: 0 3px;}

#staff .staff-cells{margin-top: 30px;}
#event .staff-cells{margin-top: 45px;}
#event .cnt-title{margin-top: -45px;}
#event .cnt-title .f-icon{color: #1E9FFF;}
#event .cnt-title .s-icon{color: #FFB800;}
#event .cnt-title .t-icon{color: #393D49;}

.span-elli{text-decoration: none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 225px;}
.event-tip .hd{padding: 5px 0;border-bottom: 1px solid #1E9FFF;}
.event-tip span{display: block;color: #c34016;}
.event-tip span>i{font-size: 14px;color: #000;}
.event-tip button{width: 100%;margin-top: 5px;}

.draw-tip{width: 400px;position: absolute;right: 42%;top: 4px;z-index: 999;overflow: hidden;margin: 0 auto;text-align: center;border-radius: 3px;padding: 3px 0;}

.ybg.zkuasgm-icon{font-size: 20px;}

.alert {
		display: none;
    padding: 5px 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.tip-close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    margin-left: 5px;
}
button.tip-close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
.alert-dismissable .tip-close, .alert-dismissible .tip-close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}


.toolbar{width: 65px;height: 100%;background: #666;color: #fff;}
.toolbar ul>li>i{font-size: 20px;}
.toolbar ul>li>p{margin-top: 5px;}
.toolbar ul>li{text-align: center;padding: 15px 5px;cursor: pointer;}
.toolbar ul>li.active{background: #f2f9ff;color: #1e9eff;border-left: 3px solid #1e9eff;}


/*搜索框3*/
/*.bar3 {background: #F9F0DA;}*/
.bar3 form {background: #ebebeb;position: relative;width: 230px;margin: 15px auto;border-radius: 5px;}
.bar3 input, .bar3 button {background: transparent;border: none;outline: none;}
.bar3 input{width: 100%;height: 42px;padding-left: 13px;}
.bar3 button {top: 0;right: 0;height: 42px;width: 42px;cursor: pointer;position: absolute;}
.bar3 button>i{color: #bababa;font-size: 20px;}

.type-box{text-align: center;margin: 10px;}
.type-box ul{width: 230px;margin: 0 auto;}
.type-box li:first-child{border-radius: 5px 0 0 5px;border-style: solid none solid solid;border-color: #e0e0e0;border-width: 1px;}
.type-box li:last-child{border-radius: 0 5px 5px 0;border-style: solid solid solid none;border-color: #e0e0e0;border-width: 1px;}
.type-box li{display: inline-block;width: 113px;background: #f4f4f4;color: #8e8e8e;margin-right: 0px;padding: 5px 0;cursor: pointer;}
.type-box li.active{background: #1e9eff;color: #fff;}

.type-box .select-box{background: #f4f4f4;width: 230px;display: -webkit-flex;position: absolute;border: 1px solid #e0e0e0;border-top: none;z-index: 20000;color: #666;box-sizing: border-box;padding: 8px;}

.result-box{background: #b5c1c9;padding: 10px;color: #fff;}
.result-box .count{margin-left: 12px;background: #ff631e;width: auto;height: 18px;display: inline-block;text-align: center;line-height: 18px;padding: 0 5px;}

/*.list-hd{width: 100%;}
.list-bd{}*/
.list-box{
    position:relative;
}
.list-hd{position: absolute;top: 0;height: 240px;width: 100%;}
/*.list-bd{position: absolute;top: 170px;bottom: 0;overflow-y: auto;width: 249px;margin: 0 -10px;}*/
.list-bd2{position: absolute;top: 190px;bottom: 0;overflow-y: auto;width: 249px;margin: 0 -10px;}
.list-bd{position: absolute;height: calc(100% - 165px);overflow-y: auto;width: 240px;}


.countboxs{line-height: 30px;position: relative}
.countboxs ul>li{display: inline-block;margin: 5px 7px;font-size: 12px;}
.countboxs ul>li .zkuasgm-icon{margin-right: 5px;color: #fff;padding: 3px;border-radius: 2px;    display: inline-block;width: 15px;height: 15px;text-align: center;line-height: 17px;}
.countboxs ul>li .number{color: #1e9eff;}
/*.countboxs .btn-box{float: right;margin-right: 5px;line-height: 40px;}*/
.btn-box{position: absolute;right: 5px;line-height: 40px;}
.btn-box button{background: #ebebeb;border: 1px solid #a4a4a4;color:#000000;  padding: 5px;position: relative;margin-right: 10px;height: 28px;line-height: 15px;}
.btn-box button .tip{display: block;background: #6b6b6b;position: absolute; text-align: center;line-height: 20px; width: 20px;height: 20px;top: -8px;right: -13px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;z-index: 999;color: #fff;font-size:10px;-webkit-transform : scale(0.84,0.84) ;}
.btn-box button .zkuasgm-icon{margin-right: 3px;}
.countboxs>div{display: inline-block}
.countboxs .zkuasgm-icon{font-size: 14px;}


/*左侧栏正常按钮样式,hover及点击事件*/
.grid-btn{border: 1px solid #cecccc;color: #468df1;padding: 10px;background: #f5f5f5;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;margin: auto;margin-bottom: 5px;cursor: pointer;text-align:center;}
.grid-btn .zkuasgm-icon,.selected-btn .zkuasgm-icon,.prohibit-btn .zkuasgm-icon{font-size: 22px;}
.grid-btn:hover,.grid-btn.active{background: #468df1;color: #fff;border-color: #468df1;}

/*禁用灰色*/
.prohibit-btn{color: #c1c1c1;cursor: not-allowed;border: 1px solid #cecccc;padding: 10px;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;margin: auto;margin-bottom: 5px;text-align: center;}

/*已选中,蓝色,无hover及事件*/
.selected-btn{border: 1px solid #468df1;color: #fff;padding: 10px;background: #468df1;border-radius: 50%;width: 30px;height: 30px;line-height: 30px;margin: auto;margin-bottom: 5px;cursor: pointer;text-align: center;}
/*已选中状态的禁止样式 selected-btn+prohibit*/
.pro-selected{cursor: not-allowed;}
 



.img{width: 100%;height: 132px;max-width: 100%;display: block;}

.searchTool{width: 100%;position: relative;padding: 10px;}
.searchTool .grid-btn{width: 20px;height: 20px;line-height: 20px;text-align: center;}

.bg-green{background: #4bb107!important;}
.bg-yellow{background: #f2cc1b!important;}
.bg-blue{background: #1b94f2!important;}
.bg-purple{background: #8a43e2!important;}
.bg-org{background: #f3692c!important;}
.bg-red{background: #eb4d33!important;}
.bg-grey{background: #5c5c5c!important;}


.color-green{color: #4bb107;}
.color-yellow{color: #f2cc1b;}
.color-blue{color: #1b94f2;}
.color-purple{color: #8a43e2;}
.color-org{color: #f3692c;}
.color-red{color: #eb4d33;}
.color-grey{color: #5c5c5c;}

.hide{display: none;}

.zk-tab-one{
    margin:0;
}
.zk-tab-one li{
   min-width: 22%; 
}
.mysearch-box li{
    padding:5px 0;
}
.oncase_box{
    padding:10px;
}
.oncase_box li{
    padding:5px;
}
.oncase_box .layui-badge{
    padding:5px 8px;
    font-size:14px;
}
.tree_box{
    border-right:1px solid #ccc;
    height:780px;
    overflow: hidden;
    padding:10px;
}
.tree_box_bussiness{
    border-right:1px solid #ccc;
    height:780px;
    overflow: hidden;
    margin: -10px 10px;
}
.left_box{
    float:left;
    background:#fff;
    height:100%;
    border-right: 1px solid #c1c1c1;
    overflow: hidden;
    /*position: relative;*/
    width: 315px;height: 100%;
}

.left_box .case_grid_box {
	padding: 5px
}

.left_box .case_grid_box li {
	width: 49%;
	display: inline-block;
	padding: 0 0 3px 0;
	/*position: relative*/
}

.left_box .case_grid_box li .floated {
	border: 1px solid #ccc;
	position: absolute;
	width: 200px;
	z-index: 9999;
	background: #fff;
	display: none;
	padding: 5px;
    text-align: center;
}

.left_box .gridbox {
	position: absolute;
	top: 50px;
	width: 100%;
	bottom: 0
}

.left_box .gridbox .toolbar {
	width: 65px;
	height: 100%;
	background: #666;
	color: #fff;
	float: left
}

.left_box .gridbox .toolbar ul>li {
	text-align: center;
	padding: 15px 5px;
	cursor: pointer
}

.left_box .gridbox .toolbar ul>li>i {
	font-size: 20px
}

.left_box .gridbox .toolbar ul>li>p {
	margin-top: 5px
}

.left_box .gridbox .toolbar ul>li.active {
	background: #f2f9ff;
	color: #1e9eff;
	border-left: 3px solid #1e9eff
}

.left_box .gridbox .toolsBox {
	height: 100%;
	width: 250px
}

.left_box .gridbox .toolsBox .common {
	padding: 5px
}

.left_box .gridbox .toolsBox .common .btn_item .grid-btn {
	border: 1px solid #cecccc;
	color: #468df1;
	padding: 10px;
	background: #f5f5f5;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: auto;
	margin-bottom: 5px;
	cursor: pointer;
	text-align: center
}

.left_box .gridbox .toolsBox .common .btn_item p {
	text-align: center
}

.left_box .gridbox #move-left {
	width: 250px
}

.left_box .gridbox .box-l {
	height: 100%;
	background: #fff
}


.par-box{height: 100%;position: relative;}
#move-left{width: 250px;}

.left_box .gridbox{position: absolute;top: 0px;width: 100%;bottom: 0;}
.case_grid_box{
    padding:5px;
/*    float:left;*/
}
.r-box{height: 100%;position: absolute;left: 316px;right: 0;width: auto;}
.btn_box{
    padding:5px;
}
.btn_box .layui-row{
    padding:5px;
}
.btn_item{
    margin:0 0 10px 0;
}
.btn_box p{
    text-align:center;
}
.top_box{
    overflow: hidden;
    background:#fff;
    width:100%;
    border-bottom: 1px solid #c1c1c1;
}
.mapBtn{
    position:absolute;
    bottom:20px;
    right:25px;
    height:26px;
    z-index: 99999;
    border:2px solid #ccc;
    border-radius:50%;
    background:#fff;
/*    background:#ff631e;*/
    padding:5px;
}
.mapBtn i{
    font-size:26px;
    line-height:30px;
    overflow: hidden;
    color: #4f4f4f;
/*    color: #fff;*/
    font-weight: bold;
}
.search_resuit_filter_box{
    padding:5px;
}

.border{border: 1px solid #000000;}
.title .grid-demo i{padding: 3px 5px 0 3px;font-size: 14px;}
.title .grid-demo span,.title .grid-demo p{padding: 3px 5px;font-size: 16px;}
.staff-cell_bd>span:first-child{color: #1E9FFF;}
.title{width: 100%;margin: 0;padding: 10px 5px;}
.title .grid-demo{box-shadow: rgba(0, 0, 0, 0.34902) 2px 2px 6px;}
.tab-content-box{top: 30px;}
.staff-cell:hover .staff-cell_bd>span:first-child{color:#1e9fff!important;}
.case_grid_box .layui-btn+.layui-btn{margin-left: 0px;}
.staff-cell{padding: 5px 10px!important;}
 /*右上角导航*/
        .cesium-viewer-navigationContainer {
            top: 20px;
        }

        .cesium-viewer-bottom{
            width: 200px;
        }

        /*右上角导航 end */

        #pointInfo-template {
            z-index: 2;
			position: absolute;
			bottom: 0;
			height: 15px;
			background-color: #fff;
			line-height: 15px;
			padding: 5px;
        }

        /*所有模板对象*/

        .lodRange-control {
            left: -30px;
            padding-top: 5px;
            width: 270px;
            background: none;
        }

        .lodRange-control .definition-box {
            width: 200px;
            display: inline-block;
        }

        .rangeslider__handle {
            width: 20px;
            height: 20px;
            margin-top: 4px;
        }

        .rangeslider--horizontal {
            height: 10px;
            width: 100%;
        }

        .drawCur {
            cursor: url(/images/supervision/gis/pan1.png) 2 30, auto;
        }

        .measureCur {
            cursor: url(/images/supervision/gis/pan1.png) 2 30, auto;
        }

        .more-content-item{
            /*width: 60px;*/
            display: inline-block;
        }

        .more-content-item + .more-content-item{
            margin-left: 5px;
        }

        .grid-btn-disabled{
            opacity: 0.2;
            cursor: default;
        }
        
.layer .layui-layer-content{overflow: hidden!important;}
/*op_grid选择网格*/
.tabList{margin: 10px 15px;}
.tabList li{display: inline-block;border: 2px solid #8c8c8c;padding: 5px;margin: 5px;border-radius: 5px;}
.tabList li:hover{border: 2px solid #1e9fff;cursor: pointer;}
.tabList li.active{background: #1e9fff;color: #fff;border: 2px solid #115388;box-shadow: 0 0 15px #115388 inset;}
.bd-content{height:100%;} 
.bd-content .lf-search{height:40px;}
.bd-content .lf-btn{width: 100%;padding: 0;}
.bd-content .lf-flow{position: absolute;bottom: 5px;top: 60px;overflow-y: auto;height: calc(100% - 125px);}
.bd-content .rt-box{height:100%;position: relative;}
.bd-content .rt-flow{position: absolute;top: 0;width:100%;bottom: 0;overflow-y: auto;padding: 0;}
.bd-content .rt-flow>ul{margin: 10px;}
.full_height{height:100%;}

.swiper1 {
	width: 100%;
	border-bottom: 1px solid #e6e6e6;
}
.swiper1 .selected {
	color: #009688;
	border-bottom: 2px solid #009688;
}
.swiper1 .swiper-slide {
	text-align: center;
	font-size: 16px;
	height: 50px;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
}
.swiper2 {
	width: 95%;
	margin: 10px 0;
}
.swiper2 .swiper-slide {
	height: calc(100vh - 50px);
	color: #000;
}

.toggleMenu{
    cursor: pointer;
    width: 20px;
    height: 60px;
    position: absolute;
    border-radius: 0px 3px 3px 0px;
    left: -1px;
    top: 300px;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    background: #fff;
    color: #000;
    z-index: 999;
    border-bottom: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
    border-top: 1px solid #c1c1c1;
}
.layui-col-space1>* {
    padding: 0;
}

.layadmin-side-shrink .layui-side-menu .layui-nav-item cite, .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > a .layui-nav-more, .layadmin-side-shrink .layui-side-menu .layui-nav > .layui-nav-item > .layui-nav-child{
    border:1px solid #f00;
}

.left_box,.r-box{
    transition: all .3s;
    -webkit-transition: all .3s;
}

.flex_relative{height: 100%;display: flex;flex-direction: column;}
.flex_position{flex: 1;-webkit-flex: 1;overflow-y: auto;}

   
          
.menuClose .left_box{
    width:66px;
}
.menuClose .left_box .text{
    display:none;
}
.menuClose .r-box{
    left:67px;
}
.menuOpen .left_box{

}
.menuOpen .r-box{
    
}



.toolsbox{position: absolute;right: 20px;z-index: 99999;top: 45px;height: auto;}
.toolsbox .tools>li{background: #fff;margin: 5px 3px;border-radius: 3px;box-shadow: 0 3px 6px #848484;position: relative;vertical-align: middle;width: 40px;}
/*.toolsbox .tools>li:hover{cursor: pointer;box-shadow: 0 0 6px #1b94f2 inset;background: #1e9fff;color: #fff;}
.toolsbox .tools>li.active{background: #1e9fff;color: #fff;}*/

.toolsbox .tools .toolBtn{display: block;padding: 5px;cursor: pointer;text-align: center;vertical-align: middle;font-size: 22px;}

.mapTool{display: none; position: absolute;right: 50px;z-index: 99999;top: 0px;height: auto;animation: fadeIn 0.3s linear;}
.mapTool .layui-input{padding-right: 62px;width: calc(100% - 36px);display: inline-block;vertical-align: middle;}
.mapTool .zk-close{position: absolute;top: 9px; right: 75px;cursor: pointer;color: #ffffff;font-size: 14px;line-height: 23px;    background: #d9d9d9;border-radius: 50%;width: 20px;height: 20px;text-align: center;}
.mapTool button{display: inline-block;height: 36px;line-height: 36px;vertical-align: middle;}
.mapTool .zk-line{font-size: 18px;position: absolute;top: 9px; right: 40px;cursor: pointer;color: #3385ff;line-height: 23px;width: 20px;height: 20px;text-align: center;border-left: 1px solid #d0d0d0;padding-left: 5px;}

.route-header {
    overflow: hidden;
}
.searchbox-content .search-btn{
    position: absolute;
    right: 0px;
    top: 0;
    border-radius: 0 3px 3px 0;
}
.searchbox-content .searchbox-content-common {
    box-sizing: border-box;
    float: left;
    width: 329px;
    height: 38px;
}
.route-tabs {
    position: relative;
    border-bottom: 1px solid #A3C7FF;
    color: #333;
    text-decoration: none;
}
.route-searchbox-content .tab-item.active{
    color: #3385ff;
}
.route-tabs .tab-item {
    box-sizing: border-box;
    font-size: 12px;
    float: left;
    width: 25%;
    height: 37px;
    line-height: 37px;
    text-align: center;
    cursor: pointer;
}
.route-tabs .tab-item span {
    margin-left: 8px;
}
.route-searchbox-content {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-right-radius: 2px;
}
.searchbox-content {
    width: 295px;
    border-radius: 2px 0 0 2px;
    background: #fff;
    margin-right: 30px;
}
.bus {
    zoom: 1;
}
.routebox {
    -webkit-transition: max-height 1s ease-in;
    transition: max-height 1s ease-in;
    overflow: hidden;
}
.routebox .routebox-content {
    height: auto!important;
    position: relative;
}
.searchbox-content .searchbox-content-common {
    box-sizing: border-box;
    float: left;
    width: 269px;
    height: auto;
}
.routebox .routebox-content .routebox-revert {
    width: 39px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
.routebox .routebox-content .routebox-revert .routebox-revert-icon {
    position: absolute;
    left: 50%;
    top: 45%;
    margin-left: -9px;
    margin-top: -7px;
    font-size: 20px;
}
.routebox .routebox-content .routebox-inputs {
    margin-left: 39px;
}
.routebox .routebox-content .routebox-input {
    height: 40px;
    width: 229px;
    border-bottom: 1px solid #eaebed;
    position: relative;
}
.routebox .routebox-content .routebox-input:last-child {
    border-bottom: 0;
}
.routebox .routebox-content .route-input-icon {
	font-size: 20px;
    /*background: url(//webmap0.bdimg.com/wolfman/static/common/images/new/end_f68595d.png) no-repeat 0 0;*/
}
.routebox .routebox-content .routebox-input input {
    box-sizing: border-box;
    border: 0;
    height: 100%;
    width: 100%;
    padding: 10px 0;
    font-size: 14px;
/*    border-left: 20px solid transparent;*/
    border-right: 27px solid transparent;
    line-height: 20px;
    width: 200px;
}

.routebox .routebox-content .routebox-input .input-clear {
    left: auto;
    right: 0;
    top: 10px;
}
.searchbox-content .input-clear {
    cursor: pointer;
    position: absolute;
    top: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 23px;
    background: #d9d9d9;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
   /* background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_f175577.png) no-repeat 0 -114px #fff;*/
    display: block;
}

.searchbox-content .searchbox-content-button {
    display: inline-block;
    line-height: 39px;
    margin-left: 5px;
    cursor: pointer;
}

.subTools{width: max-content;text-align: right;}
.subTools li{display: inline-block;padding:7px 10px;cursor: pointer;background: #fff;border-right: 1px solid #e6e6e6;}
.subTools li:last-child{border-right: none;}
.subTools li:hover{color: #1e9fff;}
.subTools li>.zkuasgm-icon{font-size: 18px;}

.drawBadge{position: absolute;top: 0;right: 0;}


.mapsearchList{display: none;background: #fff;width:300px;animation: fadeIn 0.3s linear;}
.mapsearchList li>i{margin-right: 8px;}
.mapsearchList li{padding: 8px;}
.mapsearchList li:hover{cursor: pointer;background: #e4e4e4;}

.massgeLable{width: 100%;}
.massgeLable.elli{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.massgeLable.maTitle{color: #000;font-weight: bold;}

.massgeRtxt{float: right;margin-left: 10px;}

.massgeList{height: 195px;overflow-y: auto;}

.remind-box{position: relative;width: 100%;}
.remind-btn{cursor: pointer;/*margin-right: 0!important;padding: 0 18px!important;color: #fff!important;border: none!important;box-shadow: 0 0 6px 0 #fff inset;*/}
.remind-btn .zkuasgm-icon{font-size: 24px;}
.remind-ul{display: none; position: absolute;z-index: 99999999;width: 130px;background: #fff;left: -75px;}
.remind-ul li{display: block!important;cursor: pointer;margin: 0!important;padding:3px 5px;}
.remind-ul li:hover{background: #ececec;}
.remind-ul .zkuasgm-icon{color: #0061af!important;}
.remind-ul .layui-badge{float: right;vertical-align: middle;top: 12px;}

.remind-tips{display: none; position: absolute;top: 0;right: 5px;background-color: rgba(0,0,0,.6);color: #fff;padding: 5px 10px;border-radius: 5px 0 0 5px;cursor: pointer; animation: fadeIn 0.2s linear;}
.remind-tips:hover{text-decoration: underline;}


.rd-tabHd{height: 100%;background: #ececec;overflow-y: auto;color: #4c4c4c;}
.rd-tabHd li{padding: 8px 10px;cursor: pointer;}
.rd-tabHd li.active{background: #fff;}

.rd-tabContent{height: 100%;overflow-y: auto;}
.rd-tabContent li{padding: 10px;}
.rd-tabContent li:hover,.rd-tabContent li.active{background: #e8fffd;cursor: pointer;}

.rd-tabContent li.dynamic-bg{animation:colorchange 1s;-webkit-animation:colorchange 1s;-moz-animation:colorchange 1s;animation-fill-mode: forwards;-webkit-animation-iteration-count: infinite;}

.data-tips{text-align: center;margin: 10px;}

/*加载样式2*/
.spinner {
    /*margin: 100px auto 0;
    width: 150px;*/
    text-align: center;
}

.spinner > div {
    width: 30px;
    height: 30px;
    background-color: #c1c1c1;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}
/*加载样式2*/

.shake{animation: shake 1.5s infinite;-o-animation: shake 1.5s infinite;-webkit-animation: shake 1.5s infinite;-moz-animation: shake 1.5s infinite;}
/*缓进*/
@-webkit-keyframes fadeIn{
  0%{opacity:0;}
  100%{opacity:1;}
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity:1;
     }
    25% {
        opacity:0;
    }
    50% {
        opacity: 0;    
    }
    75% {
        opacity:1;
    }
}

/*放大缩小*/
.scaleDrawbtn{-webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
    -webkit-animation-duration: 2s; /*动画所花费的时间*/}

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(0.7); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(0.7);
    }
}

/*放大缩小*/
.scaleDrawbtn1{-webkit-animation-name: scaleDraw1; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
    -webkit-animation-duration: 1s; /*动画所花费的时间*/}

@keyframes scaleDraw1 {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(0.5); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(0.5);
    }
}


@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-3px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(3px);
    }
}
@-o-keyframes shake {
    /* Opera */
    0%, 100% {
        -webkit-transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-3px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(3px);
    }
}
@-webkit-keyframes shake {
    /* Safari 和 Chrome */
    0%, 100% {
        -webkit-transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-3px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(3px);
    }
}
@-moz-keyframes shake {
    /* Firefox */
    0%, 100% {
        -moz-transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -moz-transform: translateX(-3px);
    }
    20%,
    40%,
    60%,
    80% {
        -moz-transform: translateX(3px);
    }
}


@keyframes colorchange
{	/*创建动画，使用@keyframes规则*/
	 0%{
        background:white;
    }
    50%{
        background:antiquewhite;
    }
    100%{
       background:white;
    }
}

@-webkit-keyframes colorchange
{	/*创建动画，使用@keyframes规则*/
	 0%{
        background:white;
    }
    50%{
        background:antiquewhite;
    }
    100%{
       background:white;
    }
}

@-moz-keyframes colorchange
{	/*创建动画，使用@keyframes规则*/
	 0%{
        background:white;
    }
    50%{
        background:antiquewhite;
    }
    100%{
       background:white;
    }
}


@keyframes slideLeft{
    0% { right: -100%; }
    100% { right: 5px; }
}